﻿<UserControl x:Class="Reporter.Controls.CircularProgressBar"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="20" d:DesignWidth="20">
    <Canvas Name="CircleProgress" x:Uid="CircleProgress">
        <Canvas.Resources>
            <Storyboard x:Key="IndeterminedLoop" x:Uid="IndeterminedLoop" RepeatBehavior="Forever">
                <ColorAnimationUsingKeyFrames x:Uid="IndeterminedLoopKeyFrame" BeginTime="00:00:00"  Storyboard.TargetName="circle_point1" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_0" KeyTime="00:00:00.8000000" Value="#FF158C35" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_1" KeyTime="00:00:00.1000000" Value="#0073E592" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_2" KeyTime="00:00:00.2000000" Value="#FF62D982" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_3" KeyTime="00:00:00.3000000" Value="#FF52CC72" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_4" KeyTime="00:00:00.4000000" Value="#FF43BF64" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_5" KeyTime="00:00:00.5000000" Value="#FF36B257" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_6" KeyTime="00:00:00.6000000" Value="#FF29A64B" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_7" KeyTime="00:00:00.7000000" Value="#FF1F9940" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_8" KeyTime="00:00:00.8000000" Value="#FF158C35" />
                </ColorAnimationUsingKeyFrames>
                <ColorAnimationUsingKeyFrames x:Uid="ColorAnimationUsingKeyFrames_1" BeginTime="00:00:00" Storyboard.TargetName="circle_point2" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_9" KeyTime="00:00:00.8000000" Value="#FF1F9940" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_10" KeyTime="00:00:00.1000000" Value="#FF158C35" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_11" KeyTime="00:00:00.2000000" Value="#0073E592" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_12" KeyTime="00:00:00.3000000" Value="#FF62D982" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_13" KeyTime="00:00:00.4000000" Value="#FF52CC72" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_14" KeyTime="00:00:00.5000000" Value="#FF43BF64" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_15" KeyTime="00:00:00.6000000" Value="#FF36B257" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_16" KeyTime="00:00:00.7000000" Value="#FF29A64B" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_17" KeyTime="00:00:00.8000000" Value="#FF1F9940" />
                </ColorAnimationUsingKeyFrames>
                <ColorAnimationUsingKeyFrames x:Uid="ColorAnimationUsingKeyFrames_2" BeginTime="00:00:00" Storyboard.TargetName="circle_point3" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_18" KeyTime="00:00:00.8000000" Value="#FF29A64B" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_19" KeyTime="00:00:00.1000000" Value="#FF1F9940" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_20" KeyTime="00:00:00.2000000" Value="#FF158C35" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_21" KeyTime="00:00:00.3000000" Value="#0073E592" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_22" KeyTime="00:00:00.4000000" Value="#FF62D982" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_23" KeyTime="00:00:00.5000000" Value="#FF52CC72" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_24" KeyTime="00:00:00.6000000" Value="#FF43BF64" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_25" KeyTime="00:00:00.7000000" Value="#FF36B257" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_26" KeyTime="00:00:00.8000000" Value="#FF29A64B" />
                </ColorAnimationUsingKeyFrames>
                <ColorAnimationUsingKeyFrames x:Uid="ColorAnimationUsingKeyFrames_3" BeginTime="00:00:00" Storyboard.TargetName="circle_point4" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_27" KeyTime="00:00:00.8000000" Value="#FF36B257" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_28" KeyTime="00:00:00.1000000" Value="#FF29A64B" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_29" KeyTime="00:00:00.2000000" Value="#FF1F9940" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_30" KeyTime="00:00:00.3000000" Value="#FF158C35" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_31" KeyTime="00:00:00.4000000" Value="#0073E592" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_32" KeyTime="00:00:00.5000000" Value="#FF62D982" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_33" KeyTime="00:00:00.6000000" Value="#FF52CC72" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_34" KeyTime="00:00:00.7000000" Value="#FF43BF64" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_35" KeyTime="00:00:00.8000000" Value="#FF36B257" />
                </ColorAnimationUsingKeyFrames>
                <ColorAnimationUsingKeyFrames x:Uid="ColorAnimationUsingKeyFrames_4" BeginTime="00:00:00" Storyboard.TargetName="circle_point5" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_36" KeyTime="00:00:00.8000000" Value="#FF43BF64" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_37" KeyTime="00:00:00.1000000" Value="#FF36B257" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_38" KeyTime="00:00:00.2000000" Value="#FF29A64B" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_39" KeyTime="00:00:00.3000000" Value="#FF1F9940" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_40" KeyTime="00:00:00.4000000" Value="#FF158C35" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_41" KeyTime="00:00:00.5000000" Value="#0073E592" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_42" KeyTime="00:00:00.6000000" Value="#FF62D982" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_43" KeyTime="00:00:00.7000000" Value="#FF52CC72" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_44" KeyTime="00:00:00.8000000" Value="#FF43BF64" />
                </ColorAnimationUsingKeyFrames>
                <ColorAnimationUsingKeyFrames x:Uid="ColorAnimationUsingKeyFrames_5" BeginTime="00:00:00" Storyboard.TargetName="circle_point6" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_45" KeyTime="00:00:00.8000000" Value="#FF52CC72" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_46" KeyTime="00:00:00.1000000" Value="#FF43BF64" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_47" KeyTime="00:00:00.2000000" Value="#FF36B257" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_48" KeyTime="00:00:00.3000000" Value="#FF29A64B" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_49" KeyTime="00:00:00.4000000" Value="#FF1F9940" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_50" KeyTime="00:00:00.5000000" Value="#FF158C35" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_51" KeyTime="00:00:00.6000000" Value="#0073E592" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_52" KeyTime="00:00:00.7000000" Value="#FF62D982" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_53" KeyTime="00:00:00.8000000" Value="#FF52CC72" />
                </ColorAnimationUsingKeyFrames>
                <ColorAnimationUsingKeyFrames x:Uid="ColorAnimationUsingKeyFrames_6" BeginTime="00:00:00" Storyboard.TargetName="circle_point7" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_54" KeyTime="00:00:00.8000000" Value="#FF62D982" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_55" KeyTime="00:00:00.1000000" Value="#FF62D982" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_56" KeyTime="00:00:00.2000000" Value="#FF52CC72" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_57" KeyTime="00:00:00.3000000" Value="#FF43BF64" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_58" KeyTime="00:00:00.4000000" Value="#FF36B257" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_59" KeyTime="00:00:00.5000000" Value="#FF29A64B" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_60" KeyTime="00:00:00.6000000" Value="#FF1F9940" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_61" KeyTime="00:00:00.7000000" Value="#0073E592" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_62" KeyTime="00:00:00.8000000" Value="#FF62D982" />
                </ColorAnimationUsingKeyFrames>
                <ColorAnimationUsingKeyFrames x:Uid="ColorAnimationUsingKeyFrames_7" BeginTime="00:00:00" Storyboard.TargetName="circle_point8" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_63" KeyTime="00:00:00.8000000" Value="#0073E592" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_64" KeyTime="00:00:00.1000000" Value="#FF62D982" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_65" KeyTime="00:00:00.2000000" Value="#FF52CC72" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_66" KeyTime="00:00:00.3000000" Value="#FF43BF64" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_67" KeyTime="00:00:00.4000000" Value="#FF36B257" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_68" KeyTime="00:00:00.5000000" Value="#FF29A64B" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_69" KeyTime="00:00:00.6000000" Value="#FF1F9940" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_70" KeyTime="00:00:00.7000000" Value="#FF158C35" />
                    <SplineColorKeyFrame x:Uid="SplineColorKeyFrame_71" KeyTime="00:00:00.8000000" Value="#0073E592" />
                </ColorAnimationUsingKeyFrames>
            </Storyboard>
        </Canvas.Resources>
        <Canvas.Triggers>
            <!--<EventTrigger x:Uid="EventTrigger_1" RoutedEvent="FrameworkElement.Loaded">
                <BeginStoryboard x:Uid="BeginStoryboard_1" Storyboard="{StaticResource IndeterminedLoop}" />
            </EventTrigger>-->
        </Canvas.Triggers>
        <Rectangle Name="circle_point1" x:Uid="circle_point1" Fill="#FF158C35" Width="2" Height="2" Canvas.Left="4" Canvas.Top="1" Stroke="{x:Null}" />
        <Rectangle Name="circle_point2" x:Uid="circle_point2" Fill="#FF1F9940" Width="2" Height="2" Canvas.Left="8" Canvas.Top="1" Stroke="{x:Null}" />
        <Rectangle Name="circle_point3" x:Uid="circle_point3" Fill="#FF29A64B" Width="2" Height="2" Canvas.Left="11" Canvas.Top="4" Stroke="{x:Null}" />
        <Rectangle Name="circle_point4" x:Uid="circle_point4" Fill="#FF36B257" Width="2" Height="2" Canvas.Left="11" Canvas.Top="8" Stroke="{x:Null}" />
        <Rectangle x:Name="circle_point5" x:Uid="circle_point5" Fill="#FF43BF64" Width="2" Height="2" Canvas.Left="8" Canvas.Top="11" Stroke="{x:Null}" />
        <Rectangle Name="circle_point6" x:Uid="circle_point6" Fill="#FF52CC72" Width="2" Height="2" Canvas.Left="4" Canvas.Top="11" Stroke="{x:Null}" />
        <Rectangle Name="circle_point7" x:Uid="circle_point7" Fill="#FF62D982" Width="2" Height="2" Canvas.Left="1" Canvas.Top="8" Stroke="{x:Null}" />
        <Rectangle Name="circle_point8" x:Uid="circle_point8" Fill="#0073E592" Width="2" Height="2" Canvas.Left="1" Canvas.Top="4" Stroke="{x:Null}" />   
    </Canvas>
</UserControl>

<!--<UserControl x:Class="Reporter.Controls.CircularProgressBar"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Height="120" Width="120" Background="Transparent">
    <Grid x:Name="LayoutRoot" Background="Transparent" 
          HorizontalAlignment="Center" VerticalAlignment="Center">
        <Grid.RenderTransform>
            <ScaleTransform x:Name="SpinnerScale" ScaleX="1.0" ScaleY="1.0" />
        </Grid.RenderTransform>
        <Canvas RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Center" 
                VerticalAlignment="Center" Width="120" Height="120"  >
            <Ellipse Width="21.835" Height="21.862" Canvas.Left="20.1696" 
                     Canvas.Top="9.76358" Stretch="Fill" Fill="Red" Opacity="1.0"/>
            <Ellipse Width="21.835" Height="21.862" Canvas.Left="2.86816" 
                     Canvas.Top="29.9581" Stretch="Fill" Fill="White" Opacity="0.9"/>
            <Ellipse Width="21.835" Height="21.862" Canvas.Left="5.03758e-006" 
                     Canvas.Top="57.9341" Stretch="Fill" Fill="White" Opacity="0.8"/>
            <Ellipse Width="21.835" Height="21.862" Canvas.Left="12.1203" 
                     Canvas.Top="83.3163" Stretch="Fill" Fill="White" Opacity="0.7"/>
            <Ellipse Width="21.835" Height="21.862" Canvas.Left="36.5459" 
                     Canvas.Top="98.138" Stretch="Fill" Fill="White" Opacity="0.6"/>
            <Ellipse Width="21.835" Height="21.862" Canvas.Left="64.6723" 
                     Canvas.Top="96.8411" Stretch="Fill" Fill="White" Opacity="0.5"/>
            <Ellipse Width="21.835" Height="21.862" Canvas.Left="87.6176" 
                     Canvas.Top="81.2783" Stretch="Fill" Fill="White" Opacity="0.4"/>
            <Ellipse Width="21.835" Height="21.862" Canvas.Left="98.165" 
                     Canvas.Top="54.414" Stretch="Fill" Fill="White" Opacity="0.3"/>
            <Ellipse Width="21.835" Height="21.862" Canvas.Left="92.9838" 
                     Canvas.Top="26.9938" Stretch="Fill" Fill="White" Opacity="0.2"/>
            <Ellipse Width="21.835" Height="21.862" Canvas.Left="47.2783" 
                     Canvas.Top="0.5" Stretch="Fill" Fill="White" Opacity="0.1"/>
            <Canvas.RenderTransform>
                <RotateTransform x:Name="SpinnerRotate" Angle="0" />
            </Canvas.RenderTransform>
            <Canvas.Triggers>
                <EventTrigger RoutedEvent="ContentControl.Loaded">
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation Storyboard.TargetName="SpinnerRotate" 
                                 Storyboard.TargetProperty="(RotateTransform.Angle)" 
                                 From="0" To="360" Duration="0:0:01" 
                                 RepeatBehavior="Forever" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Canvas.Triggers>
        </Canvas>
    </Grid>
</UserControl>-->
